<template>
  <div class="myzc3">
       <div class="myzc3-1">
           <b>我的收益</b>
           <p>钱包<van-icon name="arrow" /></p>
       </div>
       <div class="myzc3-2">
           <div>
               <p class="zc3-1">0.00</p>
               <p class="zc3-2">累计收益</p>
           </div>
           <div>
               <p class="zc3-1">0.00</p>
               <p class="zc3-2">联单返现</p>
           </div>
           <div>
               <p class="zc3-1">0.00</p>
               <p class="zc3-2">自购返现</p>
           </div>
           <div>
               <p class="zc3-1">0.00</p>
               <p class="zc3-2">分享收益</p>
           </div>
       </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.myzc3-2{
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-top: .2rem;
}
.myzc3{
    margin-top: .2rem;
    background-color: white;
}
  .myzc3-1{
      display: flex;
      justify-content: space-between;
      padding: 0 .1rem;
   }
   b{
     font-size: .18rem;
   }
   p{
     font-size: .14rem;
     color: gray;
   }
   .zc3-1{
       font-size: .16rem;
       color: #000;
   }
</style>